<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>toUpperCase</title>
</head>
<body>

 <div id="app">
   <h2>{{msg}}</h2>
   <ul>
     <li v-for="item in name">{{ item }}</li>
   </ul>
 </div>
 <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.js"></script>
 <script>
   const vm=new Vue({
     el:"#app",
     data:{
       msg:"hello",
       name:["kaven",'adown','wxs','imycode','rose']
     },
     created(){
       let newName=[]
       this.name.forEach(item=>{
        item=item.substring(0,1).toUpperCase()+item.substring(1)
        newName.push(item)
       })
       this.name=newName
     }
   })
 </script>
</body>
</html>